<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
		<meta charset="utf-8">
        <title>缺陷管理系统</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		
		<title>Home</title>
		<meta name="description" content="">
		<!--FROM -->
        <link href="./assets1/style1.css" rel="stylesheet" type="text/css" />

		<!-- Favicon -->
		<link rel="shortcut icon" href="./assets1/images/favicon.ico">

		<!-- Bootstrap CSS -->
		<link href="./assets1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
		
		<!-- Font Awesome CSS -->
		<link href="./assets1/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
		
		<!-- Custom CSS -->
		<link href="./assets1/css/style.css" rel="stylesheet" type="text/css" />
		
		<!-- BEGIN CSS for this page -->
		<link rel="stylesheet" type="text/css" href="./assets1/css/dataTables.bootstrap4.min.css"/>
		<!-- END CSS for this page -->
        <script src="./assets/js/myJaveScript.js" type="text/javascript"></script>
		
</head>

<body class="adminbody">

<div id="main">

	<!-- top bar navigation -->
	<div class="headerbar">

		<!-- LOGO -->
        <div class="headerbar-left">
			<a class="logo"><img alt="Logo" src="./assets1/images/logo-dark.png" /> <span>Admin</span></a>
        </div>

        <nav class="navbar-custom">
            <ul class="list-inline float-right mb-0">
                <li class="list-inline-item dropdown notif">
                    <a class="nav-link dropdown-toggle nav-user" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                        <img src="./assets1/images/avatars/admin.png" alt="Profile image" class="avatar-rounded">
                    </a>
                    <div class="dropdown-menu dropdown-menu-right profile-dropdown ">
                        <!-- item-->
                        <div class="dropdown-item noti-title">
                            <h5 class="text-overflow"><small th:text="'Hello,'+${session.name}"></small> </h5>
                        </div>
                        <!-- item-->
                        <a th:href="@{/}" class="dropdown-item notify-item">
                            <i class="fa fa-power-off"></i><span>Logout</span>
                        </a>
                    </div>
                </li>
            </ul>
        </nav>

	</div>
	<!-- End Navigation -->
	
 
	<!-- Left Sidebar -->
	<div class="left main-sidebar">
	
		<div class="sidebar-inner leftscroll">

			<div id="sidebar-menu">
        
			<ul>

					<li class="submenu">
						<a  th:href="@{/admin}"><i class="fa fa-fw fa-bars"></i><span> 主页 </span> </a>
                    </li>


										
                    <li class="submenu">
                        <a class="active" href="#"><i class="fa fa-fw fa-tv"></i> <span> Personnel management</span> <span class="menu-arrow"></span></a>
                        <ul class="list-unstyled">
                            <li><a th:href="@{/findAllSubmitter}">Submiter</a></li>
                            <li><a th:href="@{/findAllTestManagers}">Test Manager</a></li>
                            <li><a th:href="@{/findAllDevelopment}">Development</a></li>
                            <li><a th:href="@{/findAllAdmin}">Admin</a></li>
                        </ul>
                    </li>
            </ul>

            <div class="clearfix"></div>

			</div>
        
			<div class="clearfix"></div>

		</div>

	</div>
    </div>
	<!-- End Sidebar -->


    <div class="content-page">
	
		<!-- Start content -->
        <div class="content">
            
			<div class="container-fluid">
					
						<div class="row">
									<div class="col-xl-12">
									  <div class="breadcrumb-holder">
													<h1 class="main-title float-left">Submiter</h1>
													<ol class="breadcrumb float-right">
														<li class="breadcrumb-item">Personnel Management</li>
														<li class="breadcrumb-item active">Submiter</li>
													</ol>
										<div class="clearfix"></div>
									  </div>
									</div>
						</div>
						<!-- end row -->
<div id="total1">
    <div class="main">
        <form th:action="@{/do_update_submitter}" th:object="${submitter}" method="post">
        <table id="table3" cellspacing="0px"  align="center" >
            <tr class="tableTitle" align="center">
                <td class="col1">Submitter Id<br>(提交人ID)</br></td>
                <td  class="col1">Name<br>(姓名)</br></td>
                <td  class="col1">Password<br>(密码)</br></td>
                <td  class="col1">Change<br>(更改)</br></td>
            </tr>
            <tr align="center">
                <td border="1px lightgrey solid"><input type="text" th:field="*{submitterId}"></td>
                <td border="1px lightgrey solid"><input type="text" th:field="*{submitterName}"></td>
                <td border="1px lightgrey solid"><input type="text" th:field="*{submitterPassword}"></td>
                <td border="1px lightgrey solid">
                    <button type="button" onclick="javascript:return window.confirm('确认更改吗？')">
                    <input type="submit" value="更改" />
                    </button>
                </td>
            </tr>
        </table>
        </form>
           <div id="lowerLbl" align="center">
                <p>共</p>
                <p></p>
                <p>条</p>
                <select id="sel" onclick="pagination()">
                    <option id="opt0" value="10" selected="selected">10条/页</option>
                    <option id="opt1" value="20">20条/页</option>
                    <option id="opt2" value="50">50条/页</option>
                </select>
                &nbsp;
                <button onclick="last()"><</button>
                <button id="pno" style="background-color: #5899ce; color: white">1</button>
                <button onclick="next()">></button>
                &nbsp;
                <p>前往</p>
                <input type="text" id="gopg" onclick="gopage()" />
                <p>页</p>
          </div>
    </div>
</div>
					
						
							
	<!-- END content-page -->
    
	<footer class="footer">
		<span class="text-right">
		 &nbsp; @YWJ &nbsp; LHY &nbsp;LZL &nbsp; LQL &nbsp; SSK
		</span>
		<span class="float-right">
		
		</span>
	</footer>

</div>
<!-- END main -->

<script src="./assets1/js/modernizr.min.js"></script>
<script src="./assets1/js/jquery.min.js"></script>
<script src="./assets1/js/moment.min.js"></script>
		
<script src="./assets1/js/popper.min.js"></script>
<script src="./assets1/js/bootstrap.min.js"></script>

<script src="./assets1/js/detect.js"></script>
<script src="./assets1/js/fastclick.js"></script>
<script src="./assets1/js/jquery.blockUI.js"></script>
<script src="./assets1/js/jquery.nicescroll.js"></script>

<!-- App js -->
<script src="./assets1/js/pikeadmin.js"></script>
<!-- BEGIN Java Script for this page -->
	<script src="./js1/Chart.min.js"></script>
	<script src="./js1/jquery.dataTables.min.js"></script>
	<script src="./js1/dataTables.bootstrap4.min.js"></script>

	<!-- Counter-Up-->
	<script src="./assets1/plugins/waypoints/lib/jquery.waypoints.min.js"></script>
	<script src="./assets1/plugins/counterup/jquery.counterup.min.js"></script>

	<script>
		$(document).ready(function() {
			// data-tables
			$('#example1').DataTable();
					
			// counter-up
			$('.counter').counterUp({
				delay: 10,
				time: 600
			});
		} );		
	</script>
	
	<script>
	var ctx1 = document.getElementById("lineChart").getContext('2d');
	var lineChart = new Chart(ctx1, {
		type: 'bar',
		data: {
			labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
			datasets: [{
					label: 'Dataset 1',
					backgroundColor: '#3EB9DC',
					data: [10, 14, 6, 7, 13, 9, 13, 16, 11, 8, 12, 9] 
				}, {
					label: 'Dataset 2',
					backgroundColor: '#EBEFF3',
					data: [12, 14, 6, 7, 13, 6, 13, 16, 10, 8, 11, 12]
				}]
				
		},
		options: {
						tooltips: {
							mode: 'index',
							intersect: false
						},
						responsive: true,
						scales: {
							xAxes: [{
								stacked: true,
							}],
							yAxes: [{
								stacked: true
							}]
						}
					}
	});


	var ctx2 = document.getElementById("pieChart").getContext('2d');
	var pieChart = new Chart(ctx2, {
		type: 'pie',
		data: {
				datasets: [{
					data: [12, 19, 3, 5, 2, 3],
					backgroundColor: [
						'rgba(255,99,132,1)',
						'rgba(54, 162, 235, 1)',
						'rgba(255, 206, 86, 1)',
						'rgba(75, 192, 192, 1)',
						'rgba(153, 102, 255, 1)',
						'rgba(255, 159, 64, 1)'
					],
					label: 'Dataset 1'
				}],
				labels: [
					"Red",
					"Orange",
					"Yellow",
					"Green",
					"Blue"
				]
			},
			options: {
				responsive: true
			}
	 
	});


	var ctx3 = document.getElementById("doughnutChart").getContext('2d');
	var doughnutChart = new Chart(ctx3, {
		type: 'doughnut',
		data: {
				datasets: [{
					data: [12, 19, 3, 5, 2, 3],
					backgroundColor: [
						'rgba(255,99,132,1)',
						'rgba(54, 162, 235, 1)',
						'rgba(255, 206, 86, 1)',
						'rgba(75, 192, 192, 1)',
						'rgba(153, 102, 255, 1)',
						'rgba(255, 159, 64, 1)'
					],
					label: 'Dataset 1'
				}],
				labels: [
					"Red",
					"Orange",
					"Yellow",
					"Green",
					"Blue"
				]
			},
			options: {
				responsive: true
			}
	 
	});
	</script>
<!-- END Java Script for this page -->
        </div>
    </div>
</body>
</html>